import './App.css';
import HomePage from '@/HomePage';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import AboutPage from '@/About';
import ContactPage from '@/Contact';
import ToolsPage from '@/ToolsPage';

function App() {
  return (
    <Router>
      <div className="App">
        <Routes>
          <Route path="/" element={<HomePage />} />
          <Route path="/tools" element={<ToolsPage />} />
          <Route path="/about" element={<AboutPage />} />
          <Route path="/contact" element={<ContactPage />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;
